{% extends "/demo/gongsi/gongsixiangqing.twig" %}
{% block title %}公司介绍{% endblock %}
{% block head %}
<link rel="stylesheet/less" href="/assets/less/gongsijieshao.less">
{% endblock %}
{% block huanyin %}
    {#    欢迎光临 strat#}
    <div class="huanyingguanglin">
        <a href="/demo/gongsi">首页</a>&nbsp;
        <span> > 公司介绍</span>
    </div>
    {# 欢迎光临 end   #}
{% endblock %}
{% block col10 %}
    <div class="col-xl-10">
        <ul>
            {% for i in tuijianchanping %}
            <li>
                <div class="top">
                   <strong>
                       <p class="top-title">{{ i.title }}</p>
                   </strong>
                </div>
                <div class="bottom">
                    {% for e in i.cate %}
                    <div class="bottomli">
                        <strong>
                            <p class="bottomtitle">{{ e.bottomtitle }}</p>
                        </strong>
                        <p class="bottomneirong">{{ e.neirong }}</p>
                        <img src="{{ e.image }}">
                    </div>
                 {% endfor %}
                    <div class="bottomli">
                        <strong>
                            <p class="bottomtitle">{{ e.bottomtitle }}</p>
                        </strong>
                        <p class="bottomneirong">{{ e.neirong }}</p>
                        <img src="{{ e.image }}">
                    </div>
                </div>
            </li>
            {% endfor %}
        </ul>
        <div class="xiangguanpinglun">
            <div class="top">
                <strong>
                    <p class="top-title">相关评论</p >
                </strong>
            </div>
            <div class="bottom">
                <div class="pingxing">
                    <div class="stat">
                        <table cellpadding="10" cellspacing="1" width="100%">
                            <tr align="center">
                                <td class="haoping">好评 <img src="/assets/img/star3.gif" /> </td>
                                <td>
                                    <div class="controngjiatiao">
                                        <div style="width:0%;"></div>
                                    </div>
                                </td>
                                <td class="haopingdu" width="100">0%</td>
                                <td class="number"  bgcolor="#E1F0FB">0</td>
                            </tr>
                            <tr align="center">
                                <td  class="haoping">中评 <img src="/assets/img/star2.gif" /></td>
                                <td>
                                    <div class="controngjiatiao"><div style="width:0%;"></div>
                                    </div>
                                </td>
                                <td class="haopingdu">0%</td>
                                <td  class="number" bgcolor="#F2F8FD">0</td>
                            </tr>
                            <tr align="center">
                                <td  class="haoping">差评 <img src="/assets/img/star1.gif" /></td>
                                <td><div class="controngjiatiao">
                                        <div style="width:0%;"></div>
                                    </div>
                                </td>
                                <td class="haopingdu">0%</td>
                                <td  class="number" bgcolor="#F9FCFE">0</td>
                            </tr>
                        </table>
                    </div>
                    {#                    笑脸 start#}
                    <div class="face">
                        <img src="/assets/img/face.gif">
                        <div class="haopingradio">
                            <input type="radio" name="star" value="3" id="star_3" checked="">
                            <span>差评</span>
                            <img src="/assets/img/star3.gif">
                        </div>
                        <div class="haopingradio">
                            <input type="radio" name="star" value="3" id="star_3" checked="">
                            <span>中评</span>
                            <img src="/assets/img/star3.gif">
                        </div>
                        <div class="haopingradio">
                            <input type="radio" name="star" value="3" id="star_3" checked="">
                            <span>好评</span>
                            <img src="/assets/img/star3.gif">
                        </div>
                    </div>
                    {#                    笑脸 end#}

                    <textarea class="shuru"></textarea>
                    {#                    验证码 start#}
                    <div class="yanzhengma">
                        <span class="yanzhengmap">
                            验证码：
                        </span>
                        <input type="text" id="inputCode"  class="shuruyanzhengma" placeholder="验证码"/>
                        <div id="checkCode" class="code"  onclick="createCode(4)" ></div>
                    </div>
                    {#                验证码 end#}
                    <div class="say">
                        <button type="button" class="btn btn-primary">我要说两句</button>
                        <input type="checkbox" class="miming"> 匿名发表  (内容限5至500字)
                    </div>
                </div>
            </div>
        </div>

    </div>
{% endblock %}
